 .panel-default{
 	margin-top:20px;
 	min-height:600px;
 	width:100%;
 	margin-left: 20px;
 }
 
 .roleaside {
	display: table-cell;
	vertical-align: top;
	height: 100%;
	float: none;
	width:200px;
	float:left;
	}

.roleheader, .rolefooter {
	min-height: 40px;
	background-color: #2AABAF;
	border-bottom: 1px solid #DCDDE1;
	color: white;
}

.roleContent{
	width:200px;
	min-height: 200px;
	background-color: #e9edf4;
}

.role{
	background: #EDECEC;
}
.role ul{
	width:200px;
	min-height:120px;
	vertical-align: middle;
	margin-left::0px;
}

.role li{
	/* width:200px; */
	height:35px;
	vertical-align: middle;
	padding-top:10px;
	cursor: pointer;
}

.div-li :hover{
	background-color: #28C7C9;
}

.div-li-select{
	background-color: #28C7C9;
	color: white;
}

.div-li{
	/* margin-left:-40px; */
	border-bottom: 1px solid #DCDDE1;
	width:200px;
}

.rolediv{
	/* width:207px; */
	height:45px;
	padding-left:43px;
}

.roleheader>p, .rolefooter>p {
	display: inline-block;
	margin-top:-20px;
}

.list-group-item.active {
	color: #fff;
	border-color: #3E5E8D !important;
	background-color: #3E5E8D !important;
}

.rightaside{
	float:left;
	width:75%;
	min-height:600px;
	margin-left: 20px;
	/* margin-top: 10px; */
}

.rightheader{
	height: 31px;
    margin-top: 3px;
}

.rolebtn-group{
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
}








	